<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<link rel="stylesheet" href="${ctx}/ui/static/common/layer/1.9.3/skin/layer.css"/>
<script type="text/javascript" src="${ctx}/ui/static/common/layer/1.9.3/layer.js" charset="utf-8"></script>
<script type="text/javascript">
		$('#slideadd_Form').form({
			url : '${ctx}/slide/save',
			onSubmit : function() {
				editor.sync();
				parent.$.messager.progress({
					title : '提示',
					text : '数据处理中，请稍后....'
				});
				var isValid = $(this).form('validate');
				if (!isValid) {
					parent.$.messager.progress('close');
				}
				return isValid;
			},
			success : function(result) {
				parent.$.messager.progress('close');
				result = $.parseJSON(result);
				if (result.success) {
					parent.$.modalDialog.openner_dataGrid.datagrid('reload');//之所以能在这里调用到parent.$.modalDialog.openner_dataGrid这个对象，是因为user.jsp页面预定义好了
					parent.$.modalDialog.handler.dialog('close');
				} else {
					parent.$.messager.alert('错误', result.msg, 'error');
				}
			}
		});
    //公司网站图片上传开始
    $(function() {
        $("#altpbt").click(function() {
            if ($("#slidefile").val().length > 0) {
                ajaxAltpUpload();
            } else {
                layer.alert('请选择图片', {
                    icon: 5,
                    title: "提示"
                });
            }
        });
    });

    function ajaxAltpUpload() {
        $.ajaxFileUpload({
            url : '${ctx}/slide/fileUpload',
            secureuri : false,
            fileElementId : 'slidefile',
            type : 'post',
            dataType : 'HTML',
            success  : function(data, status)
            {
                //$("#altpic").attr("src","@{"+data+"}");
                $("#altpic").attr("src",data);
                $("#altpth").attr("value", ''+data);
                if (typeof (data.error) != 'undefined') {
                    if (data.error != '') {
                        layer.alert(data.error);
                    } else {
                        layer.alert(data.msg);
                    }
                }
            },
            error : function(data, status, e)//服务器响应失败处理函数
            {
                layer.alert(e);
            }
        })
        return false;
    }

    //    限制上传文件的类型和大小
    function validate_img(ele){
        // 返回 KB，保留小数点后两位
        //alert((ele.files[0].size/(1024*1024)).toFixed(2));
        var file = ele.value;

        if(!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)){
            layer.alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种', {
                icon: 5,
                title: "提示"
            });
            //如果类型不对就清空文件选中的内容
            var obj = document.getElementById('slidefile') ;
            obj.outerHTML=obj.outerHTML;
            return false;

        }else{

            //alert((ele.files[0].size).toFixed(2));
            //返回Byte(B),保留小数点后两位
            if(((ele.files[0].size).toFixed(2))>=(2*1024*1024)){
                layer.alert('请上传小于2M的图片', {
                    icon: 5,
                    title: "提示"
                });
                var obj = document.getElementById('slidefile') ;
                obj.outerHTML=obj.outerHTML;
                return false;
            }
        }
        layer.alert('图片通过', {
            icon: 1,
            title: "提示"
        });
    }
    //    案例图片上传结束
</script>
<div class="easyui-layout" data-options="fit:true,border:false,height:1000px;">
	<div data-options="region:'center',border:false" title="" style="overflow: hidden;">
		<form id="slideadd_Form" method="post">
		<table class="table">
			<tr>
				<th>幻灯片名称：</th>
				<td><input type="text" id="slidName" name="slidName" class="easyui-validatebox" data-options="required:true,missingMessage:'标题不能为空！'" style="width:500px;height:30px;"/></td>
			</tr>
			<tr id="cptptr">
				<th>幻灯片图片：</th>
				<td>
					<input type="file" id="slidefile" name="pictureName" class="upload"  onchange="Javascript:validate_img(this);" multiple="multiple"/>
					<input type="button" id="altpbt" value="上传"/>
					<input type="hidden" name="picture" id="altpth"/>
					<img id="altpic" name="attpath"  width="160px" height="100px" src=""/>
				</td>
			</tr>
			<tr>
				<th>幻灯片描述：</th>
				<td colspan="2">
					<input class="easyui-textbox" name="menums" id="menums"   cols="50" rows="5" data-options="multiline:true" style="width:500px;height:100px;"/>
				</td>
			</tr>
		</table>
	</form>
	</div>
</div>